<template>
  <div id="app">
    <div class="groupLogo"></div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style lang="scss" scoped>
.groupLogo {
    position: fixed;
    top: 100px;
    z-index: 9999;
    width: 150px;
    height: 50px;
    background: url(./assets/groupLogo.png) no-repeat center center;
    background-size: contain;
    animation: move 10s linear alternate infinite;
  }
  @keyframes move {
    0%{left: 0;}
    25%{left: 25%;}
    50%{left: 50%;}
    75%{left: 75%;}
    100%{
      left:100%;
      transform:translateX(-100%)
    }
  }
</style>
